<template>
  <div class="editor-view">
    <RichEditor />
  </div>
</template>

<script setup lang="ts">
import RichEditor from "@/components/RichEditor.vue";
</script>

<style lang="scss" scoped>
.editor-view {
  height: 100%;
}
</style>

<style lang="scss">
.preview {
  h1 {
    @apply text-2xl font-bold my-4;
  }
  h2 {
    @apply text-xl font-bold my-3;
  }
  blockquote {
    @apply border-l-4 border-gray-300 pl-4 my-4 italic;
  }
  ul {
    @apply list-disc list-inside my-2;
  }
  ol {
    @apply list-decimal list-inside my-2;
  }
}
</style>
